<!--加载头部文件-->
{include file="static/view/web/Common/header.html"}
<!--加载导航栏-->
{include file="static/view/web/Common/navbar.html"}
<body>
    <div class="container-fluid" id="swoole-page">
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-offset-3 col-md-6">
                    <div class="form-group" id="window">
                    </div>

                    <div class="form-group">
                        <textarea class="form-control" v-model="message" rows="5"></textarea>
                    </div>

                    <div class="text-right">
                        <button class="btn btn-primary btn-sm" @click="swooleSend">发送</button>
                    </div>
                </div>

                <div class="com-md-3">
                    <button type="button" v-if="friend_id == false" class="btn btn-primary btn-sm" @click="matchFriend">寻找聊天对象</button>
                    <button type="button" v-if="friend_id" class="btn btn-primary btn-sm" @click="disconnectFriend">断开聊天对象</button>
                </div>
            </div>
        </div>


        <div class="row" style="margin-top: 20px;">
            <div class="col-md-12">
                <div class="col-md-offset-3 col-md-6">
                    <ul class="list-group">
                        <li class="list-group-item">基于swoole创建的聊天室， redis管理用户关系</li>
                        <li class="list-group-item">样式做的不是很好，有待改善</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<!--记载尾部-->
{include file="static/view/web/Common/footer.html"}